<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="/template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ice="http://www.icesoft.com/icefaces/component"
                xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:param name="titulo" value="Registrar Datos" />
    <ui:define name="body">

        <div id="wrap">
            <div id="header">
                <div id="logo"><img src="resources/images/logo.gif" alt="" />
                    <h1>Alpes Smart Home</h1>
                    <span>Arquitech- Uniandes</span> </div>
                <ul id="nav">
                    <li><a href="/Arquitech-war/index.jsf">Inicio</a></li>
                    <li>Desarrollado por Arquitech</li>

                </ul>
            </div>
            <!-- /header -->
            <div id="content">
                <div id="inner">
                    <div class="left float-l">
                        <h2>Por favor llene la siguiente información</h2>
                        <div class="float-l">
                            Login Dueño<ice:inputText id="login" value="#{registro.login}" ></ice:inputText>
                            <br></br>
                            Password Dueño <ice:inputSecret id="password" value="#{registro.password}"></ice:inputSecret>
                            <br></br>
                            Repita el Password <ice:inputSecret id="passwordCheck"></ice:inputSecret>
                            <br></br>
                            Dirección de la vivienda <ice:inputText id="infoVivienda" value="#{registro.infoVivienda}" ></ice:inputText>
                            <br></br>
                            <br></br>
                            <ice:commandButton value="Registrar" action ="#{registro.registrar}" ></ice:commandButton>
                        </div>

                    </div>


                    <div class="right folat-r">
                        <div id="side">
                            <div id="top">

                                <h:form>

                                    <ice:panelGroup>
                                        <!-- Se crea el formulario para el ingreso de la informacion al sistema -->

                                        <ice:outputText style="color:cadetblue;font-size:21px" >
                                            Ingrese la información de los sensores
                                        </ice:outputText>
                                        <br></br>
                                        <ice:outputText style="color:#FFFFFF;font-size: 12px">
                                            Por favor ingrese la hora en el formato  hh:mm
                                            <br></br>
                                            <br></br>
                                            <ice:outputLabel value="Hora inicio sensor 1">
                                                <ice:inputText id="inicioAlarmaUno" value="#{registro.horaInicioUno}"></ice:inputText>
                                            </ice:outputLabel>
                                            <br></br>
                                            <ice:outputLabel value="Hora fin sensor 1">
                                                <ice:inputText id="finAlarmaUno" value="#{registro.horaFinUno}"></ice:inputText>
                                            </ice:outputLabel>
                                            <br></br>
                                            <ice:outputLabel value="Fecha desactivación del sensor 1">
                                            <ice:inputText id="terminacionAlarmaUno" value="#{registro.fechaTerminacionUno}"></ice:inputText>
                                            </ice:outputLabel>
                                            <br></br>
                                            <br></br>
                                            <ice:outputLabel value="Hora inicio sensor 2">
                                                <ice:inputText id="inicioAlarmaDos" value="#{registro.horaInicioDos}"></ice:inputText>
                                            </ice:outputLabel>
                                            <br></br>
                                            <ice:outputLabel value="Hora fin sensor 2" >
                                                <ice:inputText id="finAlarmaDos" value="#{registro.horaFinDos}"></ice:inputText>
                                            </ice:outputLabel>
                                            <br></br>
                                            <ice:outputLabel value="Fecha desactivación del sensor 2">
                                                <ice:inputText id="terminacionAlarmaDos" value="#{registro.fechaTerminacionUno}"></ice:inputText>
                                            </ice:outputLabel>
                                        </ice:outputText>



                                    </ice:panelGroup>


                                </h:form>


                            </div>
                        </div>
                    </div>
                </div>
                <!-- /content -->
                <div id="footer">
                    <div class="ft">
                        <div id="ftlink"> <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Production</a> | <a href="#">Submission</a> | <a href="#">Contact</a> </div>
                        <p id="copyright">© 2008. All Rights Reserved. <br/>
                            <a href="http://www.templatesold.com/" target="_blank">Website Templates</a> by <a href="http://www.free-css-templates.com/" target="_blank">Free CSS Templates</a></p>
                    </div>
                    <div id="xhtml"><img src="resources/images/xhtml.gif" alt=" xhtml vaild" /> <img src="resources/images/css.gif" alt="css vaild" /></div>
                </div>
            </div>
            <!-- /footer -->
        </div>

    </ui:define>
</ui:composition>

